<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link
      rel="icon"
      href="../../assets/img/icons/foundation-favicon.ico"
      type="image/x-icon"
    />
    <meta name="viewport" content="width=device-width" />
    <link
      href="https://cdnjs.cloudflare.com/ajax/libs/foundation-emails/2.2.1/foundation-emails.min.css"
      rel="stylesheet"
    />
    <title>My Welcome Template Email Template Subject</title>
  </head>

  <body>
    <span class="preheader"></span>
    <table class="body">
      <tr>
        <td align="center" class="center" valign="top">
          <center data-parsed="">
            <style class="float-center" type="text/css">
              body,
              html,
              .body {
                background: #f3f3f3 !important;
              }

              .container.header {
                background: #f3f3f3;
              }

              .body-border {
                border-top: 8px solid #663399;
              }
            </style>
            <table class="spacer float-center">
              <tbody>
                <tr>
                  <td height="16px" style="font-size: 16px; line-height: 16px;">
                    &#xA0;
                  </td>
                </tr>
              </tbody>
            </table>
            <table align="center" class="container header float-center">
              <tbody>
                <tr>
                  <td>
                    <table class="row">
                      <tbody>
                        <tr>
                          <th class="small-12 large-12 columns first last">
                            <table>
                              <tr>
                                <th>
                                  <h1 class="text-center">
                                    Welcome to Kraken Academy
                                  </h1>
                                  <center data-parsed="">
                                    <table
                                      align="center"
                                      class="menu text-center float-center"
                                    >
                                      <tr>
                                        <td>
                                          <table>
                                            <tr>
                                              <th
                                                class="menu-item float-center"
                                              >
                                                <a href="#">About</a>
                                              </th>
                                              <th
                                                class="menu-item float-center"
                                              >
                                                <a href="#">Course List</a>
                                              </th>
                                              <th
                                                class="menu-item float-center"
                                              >
                                                <a href="#">Campus Map</a>
                                              </th>
                                              <th
                                                class="menu-item float-center"
                                              >
                                                <a href="#">Contact</a>
                                              </th>
                                            </tr>
                                          </table>
                                        </td>
                                      </tr>
                                    </table>
                                  </center>
                                </th>
                                <th class="expander"></th>
                              </tr>
                            </table>
                          </th>
                        </tr>
                      </tbody>
                    </table>
                  </td>
                </tr>
              </tbody>
            </table>
            <table align="center" class="container body-border float-center">
              <tbody>
                <tr>
                  <td>
                    <table class="row">
                      <tbody>
                        <tr>
                          <th class="small-12 large-12 columns first last">
                            <table>
                              <tr>
                                <th>
                                  <table class="spacer">
                                    <tbody>
                                      <tr>
                                        <td
                                          height="32px"
                                          style="
                                            font-size: 32px;
                                            line-height: 32px;
                                          "
                                        >
                                          &#xA0;
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                  <center data-parsed="">
                                    <img
                                      align="center"
                                      class="float-center"
                                      src="https://placehold.it/200x200"
                                    />
                                  </center>
                                  <table class="spacer">
                                    <tbody>
                                      <tr>
                                        <td
                                          height="16px"
                                          style="
                                            font-size: 16px;
                                            line-height: 16px;
                                          "
                                        >
                                          &#xA0;
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                  <h4>
                                    An exciting future of terrorizing sailors
                                    awaits you at Kraken Academy.
                                  </h4>
                                  <p>
                                    Lorem ipsum dolor sit amet, consectetur
                                    adipisicing elit. Atque culpa vel
                                    architecto, perspiciatis eius cum autem
                                    quidem, sunt consequuntur, impedit dolor
                                    vitae illum nobis sint nihil aliquid?
                                    Assumenda, amet, officia.
                                  </p>
                                  <center data-parsed="">
                                    <table
                                      align="center"
                                      class="menu float-center"
                                    >
                                      <tr>
                                        <td>
                                          <table>
                                            <tr>
                                              <th
                                                class="menu-item float-center"
                                              >
                                                <a href="#"
                                                  >krakenacademy.com</a
                                                >
                                              </th>
                                              <th
                                                class="menu-item float-center"
                                              >
                                                <a href="#">Facebook</a>
                                              </th>
                                              <th
                                                class="menu-item float-center"
                                              >
                                                <a href="#">Twitter</a>
                                              </th>
                                              <th
                                                class="menu-item float-center"
                                              >
                                                <a href="#">(408)-555-0123</a>
                                              </th>
                                            </tr>
                                          </table>
                                        </td>
                                      </tr>
                                    </table>
                                  </center>
                                </th>
                                <th class="expander"></th>
                              </tr>
                            </table>
                          </th>
                        </tr>
                      </tbody>
                    </table>
                    <table class="spacer">
                      <tbody>
                        <tr>
                          <td
                            height="16px"
                            style="font-size: 16px; line-height: 16px;"
                          >
                            &#xA0;
                          </td>
                        </tr>
                      </tbody>
                    </table>
                  </td>
                </tr>
              </tbody>
            </table>
          </center>
        </td>
      </tr>
    </table>

    <div
      style="
        display: none;
        white-space: nowrap;
        font: 15px courier;
        line-height: 0;
      "
    >
      &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
      &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
      &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
    </div>
  </body>
</html>
